<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./fonts/font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/discount.css">
  <link rel="stylesheet" href="./css/gsproduct.css">
  <title>折扣详情</title>
</head>
<body>
    <div class="mbuy-layout">
        <!-- 头部 -->
        <div class="mbuy-header">
          <a href="javascript:history.go(-1);" class="back iconfont icon-zuojiantou"></a>
          <div class="app"></div>
          <h4>凑单品</h4>
        </div>
        <!-- 主体-导航 -->
        <div class="nav">
          <div class="cut">
            <ul class="nav-list clearfix">
              <li class="li-one">
                <a href="#">京东▼</a>
                
              </li>
              <li class="li-two"><a href="#">华北▼</a></li>
              <li class="li-three"><a href="#">全部价格▼</a></li>
            </ul>
          </div>
          <!-- 下拉 -->
          <ul class="xuan click">
            <li data-id='1'><a>哈哈哈</a><span class="on">√</span></li>
          </ul>
          <ul class="all click">
            <li><a>全部价格</a><span>√</span></li>
          </ul>
          <div class="font">
            <span class="iconfont icon-sousuo"></span>
          </div>
        </div>
        
        <!-- 商品列表 -->
        <div class="prod-list">
          <ul class="prod-ul clearfix">
            <li>
              <img src="./images/haitao.png">
              <p>fffff</p>
              <div class="pic">
                <span>$232.2</span>
                <a href="#">去凑单</a>
              </div>
            </li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
  
        

        <!-- 底部 -->
        <div class="mbuy-footer">
          <ul>
            <li>登录</li>
            <li>注册</li>
            <li class="goTop"><img src="http://www.zuyushop.com/wap/images/top.jpg">返回顶部</li>
          </ul>
          <p><a href="#" class="mobile">手机APP下载</a> <a href="index.html">慢慢买手机版</a><span>-- 掌上比价平台</span></p>
          <p>m.manmanbuy.com</p>
        </div>
    </div>
    <script type="text/html" id="tmp">
      {{each result v i}}
        {{if result.length==3}}
        <li data-id="{{v.shopId}}"><a>{{v.shopName}}</a><span class="on">√</span></li>
        {{else}}
        <li data-id="{{v.areaId}}"><a>{{v.areaName}}</a><span class="on">√</span></li>
        {{/if}}
        
      {{/each}}
    </script>
    <!-- 商品列表 -->
    <script type="text/html" id="tmp2">
      {{each result v i}}
        <li>
          <img src="{{v.productImg}}">
          <p>{{v.productName}}</p>
          <div class="pic">
            <span>{{v.productPrice}}</span>
            <a href="#">去凑单</a>
          </div>
        </li>
      {{/each}}
    </script>


    <script src="./lib/jquery/jquery.min.js"></script>
    <script src="./lib/artTemplate/template-web.js"></script>
    <script src="./js/common.js"></script>
    <script src="./lib/iscroll/iscroll.js"></script>
    <script src="./js/gsproduct.js"></script>
</body>
</html>
